.mainTabContent>.topNavDiv2 {
    width: 100%;
    height: calc(88vw/3.75);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    >.titleDiv {
        width: 100%;
        padding: 0 calc(15vw/3.75);
        height: calc(44vw/3.75);
        display: flex;
        justify-content: space-between;
        align-items: center;

        >span:first-of-type {
            color: #121826;
            font-family: PingFang SC;
            font-weight: bold;
            font-size: calc(20vw/3.75);
            line-height: calc(20vw/3.75);
            letter-spacing: 0;
            text-align: center;
        }

        >img {
            width: calc(14vw/3.75);
            height: calc(14vw/3.75);
            margin-left: auto;
        }

        >span:last-of-type {
            color: #C3C3C5;
            font-family: PingFang SC;
            font-weight: normal;
            font-size: calc(14vw/3.75);
            line-height: calc(14vw/3.75);
            letter-spacing: 0;
            text-align: center;
            margin-left: calc(5.75vw/3.75);
        }
    }
}

.mainTabContent>.messageFlexBox {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: scroll;
    scrollbar-width: thin;

    >.messageItemBox {
        width: 100%;
        height: calc(75.5vw/3.75);
        min-height: calc(75.5vw/3.75);
        display: flex;
        position: relative;
        align-items: center;
        padding: 0 calc(15vw/3.75);

        >img {
            width: calc(45vw/3.75);
            height: calc(45vw/3.75);
            border-radius: 50%;
        }

        >.columDiv {
            padding-left: calc(10vw/3.75);
            flex: 1;
            height: calc(45vw/3.75);

            >p:first-of-type {
                display: flex;
                align-items: center;
                justify-content: space-between;

                >span:first-of-type {
                    color: #121826;
                    font-family: PingFang SC;
                    font-weight: normal;
                    font-size: calc(15vw/3.75);
                    line-height: calc(24vw/3.75);
                    letter-spacing: 0;
                    text-align: left;

                }

                >span:last-of-type {
                    color: #C3C3C5;
                    font-family: PingFang SC;
                    font-weight: normal;
                    font-size: calc(11vw/3.75);
                    line-height: calc(18vw/3.75);
                    letter-spacing: 0;
                    text-align: right;

                }
            }

            >p:last-of-type {
                color: #979797;
                font-family: PingFang SC;
                font-weight: normal;
                font-size: calc(12vw/3.75);
                line-height: calc(18vw/3.75);
                letter-spacing: 0;
                text-align: left;

            }
        }

        >.dotNotice {
            width: calc(16vw/3.75);
            height: calc(16vw/3.75);
            position: absolute;
            top: calc(13vw/3.75);
            left: calc(46vw/3.75);
            border-radius: 50%;
            background-color: #EB5757;

            color: #FFFFFF;
            font-family: Arial;
            font-weight: regular;
            font-size: calc(12vw/3.75);
            line-height: calc(16vw/3.75);
            letter-spacing: 0;
            text-align: center;

        }
    }
}